<!DOCTYPE html>
<html lang="en">
<head>
<title>Gallery</title>
<!-- Meta tag Keywords -->
<meta name="viewport" content="width=device-width, initial-scale=1">
<meta charset="UTF-8">
<meta name="keywords" content="" />
<script type="application/x-javascript"> addEventListener("load", function() { setTimeout(hideURLbar, 0); }, false);
function hideURLbar(){ window.scrollTo(0,1); } </script>
<!--// Meta tag Keywords -->

	<!-- Recent Trips section css files-->
	<link rel="stylesheet" href="css/owl.carousel.css" type="text/css" media="all">
	<link href="css/owl.theme.css" rel="stylesheet">
	<!-- //Recent Trips section css files -->

	<!-- Testimonials -->
	<link rel="stylesheet" href="css/flexslider.css" type="text/css" media="screen" />
	<!-- //Testimonials -->

	<!-- css files -->
	<link rel="stylesheet" href="css/bootstrap.css"> <!-- Bootstrap-Core-CSS -->
	<link rel="stylesheet" href="css/style.css" type="text/css" media="all" /> <!-- Style-CSS --> 
	<link rel="stylesheet" href="css/font-awesome.css"> <!-- Font-Awesome-Icons-CSS -->
	<!-- //css files -->

	<!-- web-fonts -->
	<link href="http://fonts.googleapis.com/css?family=Montserrat:100,100i,200,200i,300,300i,400,400i,500,500i,600,600i,700,700i,800,800i,900,900i&amp;subset=cyrillic,cyrillic-ext,latin-ext,vietnamese" rel="stylesheet">

	<link href="http://fonts.googleapis.com/css?family=Open+Sans:300,300i,400,400i,600,600i,700,700i,800,800i&amp;subset=cyrillic,cyrillic-ext,greek,greek-ext,latin-ext,vietnamese" rel="stylesheet">
	<!-- //web-fonts -->
	
</head>

<body>

<!-- Header -->
<div class="header">
    <nav class="navbar navbar-default">
        <div class="navbar-header">
            <button type="button" class="navbar-toggle" data-toggle="collapse" data-target="#bs-example-navbar-collapse-1">
                <span class="sr-only">Toggle navigation</span>
                <span class="icon-bar"></span>
                <span class="icon-bar"></span>
                <span class="icon-bar"></span>
            </button>
            <h1><a href="#">Melbourne Travel</a></h1>
        </div>
        <div class="top-nav-text">
            <ul class="social_agileinfo">
                <li><a href="https://www.facebook.com/" class="w3_facebook"><i class="fa fa-facebook"></i></a></li>
                <li><a href="https://twitter.com/" class="w3_twitter"><i class="fa fa-twitter"></i></a></li>
                <li><a href="https://www.instagram.com/" class="w3_instagram"><i class="fa fa-instagram"></i></a></li>
                <li><a href="https://www.google.com/" class="w3_google"><i class="fa fa-google-plus"></i></a></li>
            </ul>
        </div>
        <!-- navbar-header -->
        <div class="collapse navbar-collapse" id="bs-example-navbar-collapse-1">
            <ul class="nav navbar-nav navbar-right">
                <li><a class="hvr-underline-from-center active"href="index.html">Home</a></li>
                <li><a class="hvr-underline-from-center active" href="urban_development.html" >Urban Development</a></li>
                <li><a class="hvr-underline-from-center active" href="exploration.html" >Exploration</a></li>
                <li><a class="hvr-underline-from-center active" href="transport.html">Transport</a></li>
                <li><a class="hvr-underline-from-center active" href="gallery.html" style="color:#da9d40;" >Gallery</a></li>
            </ul>
        </div>

        <div class="clearfix"> </div>
    </nav>
</div>
<!-- //Header -->


<!-- Natural Attraction -->
<section class="team-section" id="team">
	<div class="container">
		<h3 class="heading">Natural Attraction</h3>
		  <div class="team-row">
			<div class="col-md-3 team-grids">
				<div class="team-img">
					<img class="img-responsive" src="images/greatOcean_road.jpg" alt="">
					<div class="captn">
                        <ul class="top-links">
                           <a href="#" data-toggle="modal" data-target="#natual1">Read More <span class="fa fa-long-arrow-right"></span></a>
                            
                        </ul>
					
					</div>
				</div>
				<div class="team-agile">
					<h4>Great Ocean Road</h4>
					<p>It is a coastal road in the southwest of Victoria.</p>
				</div>
			</div>
			<div class="col-md-3 team-grids">
				<div class="team-img">
					<img class="img-responsive" src="images/MonnlitPark.jpg" alt="">
					<div class="captn">
                        <ul class="top-links">
                            <a href="#" data-toggle="modal" data-target="#natual2">Read More <span class="fa fa-long-arrow-right"></span></a>
                            
                        </ul>
					
					</div>
				</div>
				<div class="team-agile">
					<h4>Wildlife Park</h4>
					<p>Moonlight Wildlife Conservation Park is a private small zoo. </p>
				</div>
			</div>
			<div class="col-md-3 team-grids">
				<div class="team-img">
					<img class="img-responsive" src="images/dandenongRanges.jpg" alt="">
					<div class="captn">
						<ul class="top-links">
                            <a href="#" data-toggle="modal" data-target="#natual3">Read More <span class="fa fa-long-arrow-right"></span></a>
                            
                        </ul>
					
					</div>
				</div>
				<div class="team-agile">
					<h4>Dandenong Range</h4>
					<p>The region has several well-known cool-climate gardens. </p>
				</div>
			</div>
			<div class="col-md-3 team-grids">
				<div class="team-img">
					<img class="img-responsive" src="images/brightonBeach.jpg" alt="">
					<div class="captn">
                        <ul class="top-links">
                            <a href="#" data-toggle="modal" data-target="#natual4">Read More <span class="fa fa-long-arrow-right"></span></a>
                        </ul>
					
					</div>
				</div>
				<div class="team-agile">
					<h4>Brighton Beach</h4>
					<p>This is one of the most popular beaches in Melbourne.</p>
				</div>
			</div>
            <div class="clearfix"> </div>
		</div> 
	</div>	
</section>		
<!-- //Natural Attraction -->

<!-- Natrual Attraction-pop-up -->
<div class="modal video-modal fade" id="natual1" tabindex="-1" role="dialog" aria-labelledby="natual1">
    <div class="modal-dialog" role="document">
        <div class="modal-content">
            <div class="modal-header">
                Great Ocean Road
                <button type="button" class="close" data-dismiss="modal" aria-label="Close"><span aria-hidden="true">&times;</span></button>
            </div>
            <div class="modal-body">
                <img src="images/greatOcean_road.jpg" alt=" " class="img-responsive" />
                <p>It is a coastal road in the southwest of Victoria on the east coast of Australia. There are plenty of stops along the way, including Torquay & Bells Beach, Loch Ard Gorge, London Arch/ Bridge, and the most classic twelve The Twelve Apostles.
                    <i>Length: 243 km</i>
                    <i>Constructed: March 18, 1922</i>
                    <i> Opened: November 26, 1932</i>
                    </p>
            </div>
        </div>
    </div>
</div>

<div class="modal video-modal fade" id="natual2" tabindex="-1" role="dialog" aria-labelledby="natual2">
    <div class="modal-dialog" role="document">
        <div class="modal-content">
            <div class="modal-header">
                Moonlight Wildlife Conservation Park
                <button type="button" class="close" data-dismiss="modal" aria-label="Close"><span aria-hidden="true">&times;</span></button>
            </div>
            <div class="modal-body">
                <img src="images/MonnlitPark.jpg" alt=" " class="img-responsive" />
                <p>Moonlight Wildlife Conservation Park is a private small zoo. On the road, visitors will encounter baby kangaroos or various small animals unique to Australia.
                    <i>Location: 550 Tyabb-Tooradin Rd, Pearcedale VIC 3912</i>
                    <i>Transport: 10:00-17:00 (Night Tours are available in the evening, additional reservation is required)</i>
                  
                    </p>
            </div>
        </div>
    </div>
</div>

<div class="modal video-modal fade" id="natual3" tabindex="-1" role="dialog" aria-labelledby="natual3">
    <div class="modal-dialog" role="document">
        <div class="modal-content">
            <div class="modal-header">
                Dandenong Ranges
                <button type="button" class="close" data-dismiss="modal" aria-label="Close"><span aria-hidden="true">&times;</span></button>
            </div>
            <div class="modal-body">
                <img src="images/dandenongRanges.jpg" alt=" " class="img-responsive" />
                <p>The Dandenong Ranges region has several well-known cool-climate gardens, especially in the spring and fall. Visitors can stroll among large and small rhododendron bushes, camellias, and lilies at the National Rhododendron Gardens, as well as admire the artificial lake and surrounding landscape at the Alfred Nicholas Memorial Gardens, which is filled with a variety of trees, including almond-scented eucalyptus, Ginkgo, Maple and Liquidambar.
                    <i>Elevation: 633m</i>
                    <i>Suitable for: picnic, hiking and riding</i>
                    </p>
            </div>
        </div>
    </div>
</div>

<div class="modal video-modal fade" id="natual4" tabindex="-1" role="dialog" aria-labelledby="natual4">
    <div class="modal-dialog" role="document">
        <div class="modal-content">
            <div class="modal-header">
                Brighton Beach
                <button type="button" class="close" data-dismiss="modal" aria-label="Close"><span aria-hidden="true">&times;</span></button>
            </div>
            <div class="modal-body">
                <img src="images/brightonBeach.jpg" alt=" " class="img-responsive" />
                <p>This is one of the most popular beaches in Melbourne. Except for the clear water, there are more than 80 huts neatly arranged here, all of which are similar in size and appearance, which originally built in the 1800s for people to change clothes on the beach. Because these huts are similar, the homeowners took great pains to paint their huts, such as the Australian flag, kangaroos, etc.
                    <i>Location: Victoria: south of the city between Elwood and Hampton and fronting Port Phillip</i></p>
            </div>
        </div>
    </div>
</div>
<!-- //Natrual Attraction-pop-up  -->

<!-- Cultural Attraction  -->
<section class="packages" id="packages">
	<div class="container">
		<h3 class="heading">Cultural Attraction</h3>
		<div class="popular_packages_grids">
			<div class="package_top_grid">
				<div class="col-md-6">
					<div class="packages_left">
						
					</div>
				</div>
				<div class="col-md-6">
					<div class="packages_right" style="height: 340px;">
						<h3>Fed Square</h3>
						<h4>Located in Swanston St & Flinders St</h4>
						<p>Federation Square is a carnival for Melburnians as well as a carrier of the cultural heritage of Malborne. The once-annual New Year's Eve fireworks, the pre-heating activities are all held here.</p>
						<a href="https://fedsquare.com/">Read More <span class="fa fa-long-arrow-right"></span></a>
					</div>
				</div>
				<div class="clearfix"></div>
			</div>
			
			<div class="package_middle_grid">
				<div class="col-md-6">
					<div class="packages_right packages_right1">
						<h3>Hosier Lane</h3>
						<h4>Located in Notable St</h4>
						<p>Hosier Lane is the most famous and characteristic street art graffiti Lane in Melbourne, which is the mecca of graffiti art in Melbourne. </p>
						<a href="https://www.lonelyplanet.com/australia/victoria/melbourne/city-centre/attractions/hosier-lane/a/poi-sig/1370641/1341486">Read More <span class="fa fa-long-arrow-right"></span></a>
					</div>
				</div>
				<div class="col-md-6">
					<div class="packages_left1">
						
					</div>
				</div>
				<div class="clearfix"></div>
			</div>
			
			<div class="package_bottom_grid">
				<div class="col-md-6">
					<div class="packages_left2">
						
					</div>
				</div>
				<div class="col-md-6">
					<div class="packages_right packages_right2" style="height: 340px;">
						<h3>State Library</h3>
						<h4>Located in Swanston St</h4>
						<p>The State Library of Victoria was established in 1854 and is Australia's oldest public library. The reading room is most famous, with a white central dome set against long wooden tables, each with a retro lamp.</p>
						<a href="https://www.slv.vic.gov.au/about-us/history-and-vision">Read More <span class="fa fa-long-arrow-right"></span></a>
					</div>
				</div>
				<div class="clearfix"></div>
			</div>
		</div>
	</div>	
</section>		
<!-- //Cultural Attraction -->

<!-- Museums -->
<section class="testimonials" id="testimonials">
	<div class="container">
		<h3 class="heading">Museums</h3>
		<div class="flexslider-info">
			<section class="slider1">
				<div class="flexslider">
					<ul class="slides">
						<li>
							<div class="w3l-info1">
								<div class="col-md-3 testimonials-grid-1">
									<img src="images/melbourneMuseum.jpg" alt="" />
								</div>
								<div class="col-md-9 testimonials-grid-2">
									<h4>Melbourne Museum</h4>
									<h5>adult $15; Seniors $10; Child Free</h5>
									<p><i class="fa fa-quote-left" aria-hidden="true"></i>It is largest museum in the southern hemisphere, with seven main galleries, a children's gallery and a gallery of temporary exhibitions, known for its amazing diversity and interactivity of exhibits.<i class="fa fa-quote-right" aria-hidden="true"></i>
                                   </p>
                                    
									<div class="special-star">
										<i class="fa fa-star" aria-hidden="true"></i>
										<i class="fa fa-star" aria-hidden="true"></i>
										<i class="fa fa-star" aria-hidden="true"></i>
										<i class="fa fa-star" aria-hidden="true"></i>
										<i class="fa fa-star-half-o" aria-hidden="true"></i>
									</div>
								</div>
							</div>
						</li>
						<li>
							<div class="w3l-info1">
								<div class="col-md-3 testimonials-grid-1">
									<img src="images/NationalMuseum.png" alt="" />
								</div>
								<div class="col-md-9 testimonials-grid-2">
									<h4>National Gallery of Victoria</h4>
									<h5>Free for everyone</h5>
									<p><i class="fa fa-quote-left" aria-hidden="true"></i>It is the largest art gallery in Australia. The most ingenious one is the entrance, which is a screen wall made of glass mirrors. Clear water continuously pours down along the glass mirrors, like the waterfall in the fairyland. <i class="fa fa-quote-right" aria-hidden="true"></i>
                                    </p>
                                    
									<div class="special-star">
										<i class="fa fa-star" aria-hidden="true"></i>
										<i class="fa fa-star" aria-hidden="true"></i>
										<i class="fa fa-star" aria-hidden="true"></i>
										<i class="fa fa-star" aria-hidden="true"></i>
										<i class="fa fa-star-half-o" aria-hidden="true"></i>
									</div>
								</div>
							</div>
						</li>
						<li>
							<div class="w3l-info1">
								<div class="col-md-3 testimonials-grid-1">
									<img src="images/AustralianCentreContemporaryArt.png" alt=""  />
								</div>
								<div class="col-md-9 testimonials-grid-2">
									<h4>Australian Centre for Contemporary Art</h4>
									<h5>Free for everyone</h5>
									<p><i class="fa fa-quote-left" aria-hidden="true"></i>The stated mission of ACCA's is "do art differently - to challenge, connect and resonate". It's fun, young, with a little weird taste, but not boring, and there's always something surprised for you to discover.<i class="fa fa-quote-right" aria-hidden="true"></i>
                                   </p>
                                    
									<div class="special-star">
										<i class="fa fa-star" aria-hidden="true"></i>
										<i class="fa fa-star" aria-hidden="true"></i>
										<i class="fa fa-star" aria-hidden="true"></i>
										<i class="fa fa-star" aria-hidden="true"></i>
										
									</div>
								</div>
							</div>
						</li>
					</ul>
				</div>
			</section>
		</div>
	</div>
</section>
<!-- //Museums -->

<!-- Shopping  -->
<section class="special" id="offers">
	<div class="container">
	<h3 class="heading">Shopping</h3>
		<div class="agileits-special-grids">
			<div id="owl-demo" class="owl-carousel owl-theme">
				<div class="item">
                    
					<div class="special-info">
                        <div class="dott"></div>
						<div class="special-info-top">
							<div class="special-star">
								<i class="fa fa-star" aria-hidden="true"></i>
								<i class="fa fa-star" aria-hidden="true"></i>
								<i class="fa fa-star" aria-hidden="true"></i>
								<i class="fa fa-star" aria-hidden="true"></i>
								<i class="fa fa-star-half-o" aria-hidden="true"></i>
							</div>
							<h4>Melbourne </br>Central</h4>
						</div>
						<div class="special-info-bottom">
							<ul>
								<li>+61 399221122</li>
                            
							</ul>
							<p>Location: Cnr LaTrobe and Swanston Streets, Melbourne VIC 3000, Australia</p>
						</div>
					</div>	
				</div>
				<div class="item">
					<div class="special-info special-info1">
                        <div class="dott"></div>
						<div class="special-info-top">
							<div class="special-star">
								<i class="fa fa-star" aria-hidden="true"></i>
								<i class="fa fa-star" aria-hidden="true"></i>
								<i class="fa fa-star" aria-hidden="true"></i>
								<i class="fa fa-star" aria-hidden="true"></i>
							</div>
							<h4>Galleria </br>Melbourne</h4>
						</div>
						<div class="special-info-bottom">
							<ul>
                                <li>+61 396045800</li>
							</ul>
							<p>Location: 385 Bourke St, Melbourne VIC 3000, Australia</p>
						</div>
					</div>
				</div>
				<div class="item">
					<div class="special-info special-info2">
                        <div class="dott"></div>
						<div class="special-info-top">
							<div class="special-star">
								<i class="fa fa-star" aria-hidden="true"></i>
								<i class="fa fa-star" aria-hidden="true"></i>
								<i class="fa fa-star" aria-hidden="true"></i>
								<i class="fa fa-star" aria-hidden="true"></i>
								<i class="fa fa-star-half-o" aria-hidden="true"></i>
							</div>
							<h4>Chadstone </br>Shopping Centre</h4>
						</div>
						<div class="special-info-bottom">
							<ul>
								<li>+61 395633355</li>
							</ul>
							<p>Location: 1341 Dandenong Rd, Malvern East VIC 3145, Australia</p>
						</div>
					</div>
				</div>
				<div class="item">
					<div class="special-info special-info3">
                        <div class="dott"></div>
						<div class="special-info-top">
							<div class="special-star">
								<i class="fa fa-star" aria-hidden="true"></i>
								<i class="fa fa-star" aria-hidden="true"></i>
								<i class="fa fa-star" aria-hidden="true"></i>
								<i class="fa fa-star" aria-hidden="true"></i>
								<i class="fa fa-star-half-o" aria-hidden="true"></i>
							</div>
							<h4>Emporium Melbourne</h4>
						</div>
						<div class="special-info-bottom">
							<ul>
								<li>+61 386098221</li>
								
							</ul>
							<p>Location: 287 Lonsdale St, Melbourne VIC 3000, Australia</p>
						</div>
					</div>	
				</div>
				<div class="item">
					<div class="special-info special-info4">
                        <div class="dott"></div>
						<div class="special-info-top">
							<div class="special-star">
								<i class="fa fa-star" aria-hidden="true"></i>
								<i class="fa fa-star" aria-hidden="true"></i>
								<i class="fa fa-star" aria-hidden="true"></i>
								<i class="fa fa-star" aria-hidden="true"></i>
							</div>
							<h4>The District </br>Docklands</h4>
						</div>
						<div class="special-info-bottom">
							<ul>
								<li>+61 393288600</li>
								
							</ul>
							<p>Location:  440 Docklands Dr, Docklands VIC 3008, Australia</p>
						</div>
					</div>
				</div>
				<div class="item">
					<div class="special-info special-info5">
                        <div class="dott"></div>
						<div class="special-info-top">
							<div class="special-star">
								<i class="fa fa-star" aria-hidden="true"></i>
								<i class="fa fa-star" aria-hidden="true"></i>
								<i class="fa fa-star" aria-hidden="true"></i>
								<i class="fa fa-star" aria-hidden="true"></i>
							</div>
							<h4>Collins</br> Place</h4>
						</div>
						<div class="special-info-bottom">
							<ul>
								<li>+61 396553600</li>
								
							</ul>
							<p>Location: 45 Collins St, Melbourne VIC 3000, Australia</p>
						</div>
					</div>
				</div>
			</div>
		</div>
	</div>
</section>
<!-- //Shopping -->

<!-- footer start here -->
<section class="footer-agile">
	<div class="container">
		<div class="footer-btm-agileinfo" style="display:flex;">
			<div class=" footer-grid w3social" style="flex:1.5">
				<h3>About us</h3>
				<p class="footer-p1" style="text-align: justify;padding-right:30px;">This website is built for tourists who would like to or are visiting Melbourne. The site features a collection of recent developments in Melbourne, includes interactive maps for visitors to explore, and provides a gallery for tourists to see what could be done in Melbourne.</p>
			</div>
		
			<div class=" footer-grid w3social"style="flex:1; padding-left:30px;">
				<h3>Quick Links</h3>
				<ul>
					<li><a href="index.html">Home</a></li>
					<li><a href="urban_development.html" class="scroll">Urban Development</a></li>
					<li><a href="exploration.html" class="scroll">Exploration</a></li>
					<li><a href="transport.html" class="scroll">Transport</a></li>
					<li><a href="gallery.html" class="scroll">Gallery</a></li>
				</ul>
			</div>
            <div class="footer-grid w3social"style="flex:1">
                <h3>Contact Melbourne</h3>
                <ul>
                    <li>Emergency: 000</li>
                    <li>Translation:  131450</li>
                    <li>Tourist Administration: 03-9472-5971</li>
                </ul>
            </div>
			<div class="clearfix"> </div>
            
		</div>
		
	</div>
</section>
<!-- //footer end here -->


<!-- js-scripts -->		

	<!-- js -->
	<script type="text/javascript" src="js/jquery-2.1.4.min.js"></script>
	<script type="text/javascript" src="js/bootstrap.js"></script> <!-- Necessary-JavaScript-File-For-Bootstrap --> 
	<!-- //js -->	

	<!--  Testimonials js-->
	<script defer src="js/jquery.flexslider.js"></script>
	<!--Start-slider-script-->
		<script type="text/javascript">
		
		$(window).load(function(){
		  $('.flexslider').flexslider({
			animation: "slide",
			start: function(slider){
			  $('body').removeClass('loading');
			}
		  });
		});
	  </script>
	<!--End-slider-script-->
	<!--  //Testimonials js-->

	<!-- Recent Trips js file-->
	<script src="js/owl.carousel.js"></script>
		<!-- Recent Trips Script-->
		<script>
		$(document).ready(function() { 
			$("#owl-demo").owlCarousel({
		 
				autoPlay: 3000, //Set AutoPlay to 3 seconds
				autoPlay:true,
				items : 3,
				itemsDesktop : [640,5],
				itemsDesktopSmall : [414,4]
		 
			});
			
		}); 
		</script>
		<!-- //Recent Trips section Script-->
	<!-- //Recent Trips js file-->

	<!-- start-smoth-scrolling -->
	<script src="js/SmoothScroll.min.js"></script>
	<script type="text/javascript" src="js/move-top.js"></script>
	<script type="text/javascript" src="js/easing.js"></script>
	<script type="text/javascript">
		jQuery(document).ready(function($) {
			$(".scroll").click(function(event){		
				event.preventDefault();
				$('html,body').animate({scrollTop:$(this.hash).offset().top},1000);
			});
		});
	</script>
	<!-- here stars scrolling icon -->
	<script type="text/javascript">
		$(document).ready(function() {
			/*
				var defaults = {
				containerID: 'toTop', // fading element id
				containerHoverID: 'toTopHover', // fading element hover id
				scrollSpeed: 1200,
				easingType: 'linear' 
				};
			*/
								
			$().UItoTop({ easingType: 'easeOutQuart' });
								
			});
	</script>
	<!-- //here ends scrolling icon -->
	<!-- start-smoth-scrolling -->

	<!-- Banner-js -->
	<script src="js/responsiveslides.min.js"></script>
	<script>
		$(function () {
			$("#slider").responsiveSlides({
				auto: true,
				pager:false,
				nav: true,
				speed: 1000,
				namespace: "callbacks",
				before: function () {
					$('.events').append("<li>before event fired.</li>");
				},
				after: function () {
					$('.events').append("<li>after event fired.</li>");
				}
			});
		});
	</script>
	<!-- //Baneer-js -->

<!-- //js-scripts -->
</body>
</html>
